<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>前端设计模式</title>
</head>
<body>
    <div id="app"></div>
    <!-- <p onclick='pClick()'>前端设计模式</p>
    <p>1</p>
    <p>2</p>
    <p>3</p> -->

    <!-- <button id="btn"></button> -->
</body>
<!-- <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> -->
<script>
    // console.log($('p'));
    // console.log($('p').addClass);
    // function pClick() {
    //     console.log('aa')
    // }

    // function pClick() {
    //     console.log('bb')
    // }
</script>
<script>
    // var arr = [1, 2, 4]
    // var nodeList = document.getElementsByTagName('p')
    // var $p = $("p")

    // // 迭代器模式，使用一个函数调用多种方法
    // function each(data) {
    //     var $data = $(data)  // 生成迭代器
    //     $data.each(function(key, elem) {
    //         console.log(key, elem)
    //     })
    // }
    // each(arr)
    // each(nodeList)
    // each($p)


    // 遍历数组 forEach 伪数组不能用
    // arr.forEach(function(item) {
    //     console.log(item)
    // })

    // // 遍历nodeList
    // var i, length = nodeList.length
    // for (i = 0; i < length; i++) {
    //     console.log(nodeList[i])
    // }
    // // 遍历jq对象 each
    // $p.each(function(key, elem) {
    //     console.log(key, elem)
    // })
</script>
</html>